<?php
require_once '/../Controleur/Episode_controleur.php';
?>

<div class="episode_vue">

    <h3>Liste des épisodes</h3>
    <div id='listeMembre'>
<?php
$liste = Episode_controleur::afficherListeEpisode();
?>
        <table  align="center">
        <?php
        $listeSaison = array();
        foreach ($liste as $episode) {
            $saison = $episode->getIdSaison();
            array_push($listeSaison, $saison);
        }
        $listeDistinctSaison = array_unique($listeSaison);

        foreach ($listeDistinctSaison as $numSaison) {
            ?>
                <tr id="<?php echo $numSaison ?>" class="saisonListe">
                    <td>
                        Saison <?php echo utf8_encode($numSaison) ?>
                    </td>
                </tr>
                <tr id="<?php echo "listeEpisode" . $numSaison ?>" class="listeEpisode" style="display:none">
                    <td>
                        <table>

    <?php
    foreach ($liste as $episode) {
        $titre = $episode->getTitre();
        $saison = $episode->getIdSaison();
        $numero = $episode->getNumeroEpisode();
        $titreOriginal = $episode->getTitreOriginal();
        $resume = $episode->getResumeEpisode();
        $miniResume = $episode->getMiniResume();

        if ($saison == $numSaison) {
            ?>

                                    <tr id="<?php echo $numSaison . $numero ?>" class="episode">
                                        <td colspan="2">
                                            Episode <?php echo utf8_encode($numero) ?> 
                                            - 
            <?php echo utf8_encode($titre) ?>
                                            -
                                            <?php echo utf8_encode($titreOriginal) ?>
                                        </td>						        	
                                    </tr>
                                    <tr id="<?php echo "miniResumeEpisode" . $numSaison . $numero ?>" class="miniResume" style="display:none">
                                        <td>						    						        					        
            <?php echo utf8_encode($miniResume) ?>
                                        </td>
                                        <td>
                                            <button id="<?php echo $numSaison . $numero ?>" class="showDescription">Détails</button>
                                        </td>
                                    </tr>									

                                    <tr id="<?php echo "resumeEpisode" . $numSaison . $numero ?>" class="resume" style="display:none">
                                        <td>
                                            <br/>
                                            Résumé détaillé :
                                            <br/><br/>
            <?php echo utf8_encode($resume) ?>
                                        </td>
                                    </tr>

            <?php
        }
    }
    ?>
                        </table>
                    </td>
                </tr> 
    <?php
}
?>

        </table>
    </div>
</div>

<script>
    $(document).ready(function () {

        $(".saisonListe").click(function () {
            $current = $(this).attr('id');
            $current = "listeEpisode" + $current;
            $("#" + $current).slideToggle("slow");
        });

        $(".episode").click(function () {
            $current = $(this).attr('id');
            $current = "miniResumeEpisode" + $current;
            $("#" + $current).slideToggle("slow");
        });

        $(".showDescription").click(function () {
            $current = $(this).attr('id');
            $current = "resumeEpisode" + $current;
            $("#" + $current).slideToggle("slow");
        });

    });
</script>

